<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>图标库</title>
<link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css" />
<link type="text/css" rel="stylesheet" href="../resources/css/css.css" />
<script src="../../boot.js"></script>
</head>

<body>
<div class="pd10">
    <h3>图标库</h3>
    <p>图标样式放在assets/css/ui.css中。以下为示例代码</p>
</div>

<textarea name="dp-syntaxhighlighter" class="brush: js; highlight: [2,5]" >
    iconCls:'icon-add'
</textarea>

<div class="fl">
    <table class="doc-table">
        <tr>
            <th>Name</th>
            <th>view</th>
            <th>cls</th>
        </tr>
        <tr>
            <td>新增</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-add.png" /></td>
            <td>icon-add</td>
        </tr>
        <tr>
            <td>新增明细</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-add-dtl.png" /></td>
            <td>icon-add-dtl</td>
        </tr>
        <tr>
            <td>删除</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-del.png" /></td>
            <td>icon-del</td>
        </tr>
        <tr>
            <td>删除明细</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-del-dtl.png" /></td>
            <td>icon-del-dtl</td>
        </tr>
        <tr>
            <td>保存</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-save.png" /></td>
            <td>icon-save</td>
        </tr>
        <tr>
            <td>保存明细</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-save-dtl.png" /></td>
            <td>icon-save-dtl</td>
        </tr>
		<tr>
            <td>批量生成</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-build-some.png" /></td>
            <td>icon-build-some</td>
        </tr>
        <tr>
            <td>取消</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-cancel.png" /></td>
            <td>icon-cancel</td>
        </tr>
        <tr>
            <td>关闭</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-close.png" /></td>
            <td>icon-close</td>
        </tr>
        <tr>
            <td>开始</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-start.png" /></td>
            <td>icon-start</td>
        </tr>
        <tr>
            <td>停止</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-stop.png" /></td>
            <td>icon-stop</td>
        </tr>
        <tr>
            <td>返回</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-back.png" /></td>
            <td>icon-back</td>
        </tr>
        <tr>
            <td>刷新</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-refresh.png" /></td>
            <td>icon-refresh</td>
        </tr>
        <tr>
            <td>上一个</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-prev.png" /></td>
            <td>icon-prev</td>
        </tr>
        <tr>
            <td>下一个</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-next.png" /></td>
            <td>icon-next</td>
        </tr>
        <tr>
            <td>导入</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-import.png" /></td>
            <td>icon-import</td>
        </tr>
        <tr>
            <td>导出</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-export.png" /></td>
            <td>icon-export</td>
        </tr>
        <tr>
            <td>下载</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-download.png" /></td>
            <td>icon-download</td>
        </tr>
        <tr>
            <td>上传</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-upload.png" /></td>
            <td>icon-upload</td>
        </tr>
        <tr>
            <td>打印</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-print.png" /></td>
            <td>icon-print</td>
        </tr>
        <tr>
            <td>撤销</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-undo.png" /></td>
            <td>icon-undo</td>
        </tr>
        <tr>
            <td>重做</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-redo.png" /></td>
            <td>icon-redo</td>
        </tr>
            </tr>

        <tr>
            <td>锁定</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-lock.png" /></td>
            <td>icon-lock</td>
        </tr>
        <tr>
            <td>解锁</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-unlock.png" /></td>
            <td>icon-unlock</td>
        </tr>
    </table>
</div>
<div class="fl ml10">
    <table class="doc-table">
        <tr>
            <th>Name</th>
            <th>view</th>
            <th>cls</th>
        <tr>
            <td>搜索</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-search.png" /></td>
            <td>icon-search</td>
        </tr>
        <tr>
            <td>清空</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-empty.png" /></td>
            <td>icon-empty</td>
        </tr>
        <tr>
            <td>审核</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-aduit.png" /></td>
            <td>icon-aduit</td>
        </tr>
        <tr>
            <td>确认</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-ok.png" /></td>
            <td>icon-ok</td>
        </tr>
        <tr>
            <td>结算</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-cash.png" /></td>
            <td>icon-cash</td>
        </tr>
        <tr>
            <td>退款</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-refund.png" /></td>
            <td>icon-refund</td>
        </tr>
        <tr>
            <td>标签</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-remark.png" /></td>
            <td>icon-remark</td>
        </tr>
        <tr>
            <td>统计</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-sum.png" /></td>
            <td>icon-sum</td>
        </tr>
        <tr>
            <td>图表</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-chart.png" /></td>
            <td>icon-chart</td>
        </tr>
        <tr>
            <td>信息</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-info.png" /></td>
            <td>icon-info</td>
        </tr>
        <tr>
            <td>提示</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-tips.png" /></td>
            <td>icon-tips</td>
        </tr>
        <tr>
            <td>编辑</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-edit.png" /></td>
            <td>icon-edit</td>
        </tr>
        <tr>
            <td>复制</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-copy.png" /></td>
            <td>icon-copy</td>
        </tr>
        <tr>
            <td>剪切</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-cut.png" /></td>
            <td>icon-cut</td>
        </tr>
        <tr>
            <td>清除</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-remove.png" /></td>
            <td>icon-remove</td>
        </tr>
        <tr>
            <td>入库</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-in.png" /></td>
            <td>icon-in</td>
        </tr>
        <tr>
            <td>出库</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-out.png" /></td>
            <td>icon-out</td>
        </tr>
        <tr>
            <td>标记blue</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-flag-blue.png" /></td>
            <td>icon-flag-blue</td>
        </tr>
        <tr>
            <td>标记green</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-flag-green.png" /></td>
            <td>icon-flag-green</td>
        </tr>
        <tr>
            <td>标记orange</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-flag-orange.png" /></td>
            <td>icon-flag-orange</td>
        </tr>
        <tr>
            <td>标记pink</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-flag-pink.png" /></td>
            <td>icon-flag-pink</td>
        </tr>
        <tr>
            <td>标记purple</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-flag-purple.png" /></td>
            <td>icon-flag-purple</td>
        </tr>
        <tr>
            <td>标记red</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-flag-red.png" /></td>
            <td>icon-flag-red</td>
        </tr>
        <tr>
            <td>标记yellow</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-flag-yellow.png" /></td>
            <td>icon-flag-yellow</td>
        </tr>
    </table>
</div>
<div class="fl ml10">
    <table class="doc-table">
        <tr>
            <th>Name</th>
            <th>view</th>
            <th>cls</th>
        <tr>
            <td>置顶</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-place-top.png" /></td>
            <td>icon-place-top</td>
        </tr>
        <tr>
            <td>置底</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-place-bottom.png" /></td>
            <td>icon-place-bottom</td>
        </tr>
        <tr>
            <td>向上移动</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-up.png" /></td>
            <td>icon-up</td>
        </tr>
        <tr>
            <td>向下移动</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-down.png" /></td>
            <td>icon-down</td>
        </tr>
        <tr>
            <td>上一步</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-up-1.png" /></td>
            <td>icon-up-1</td>
        </tr>
        <tr>
            <td>下一步</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-down-1.png" /></td>
            <td>icon-down-1</td>
        </tr>
        <tr>
            <td>备注信息</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-ts-1.png" /></td>
            <td>icon-ts-1</td>
        </tr>
        <tr>
            <td>详情</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-xq.png" /></td>
            <td>icon-xq</td>
        </tr>
         <tr>
            <td>成功提示</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-mini-tis.png" /></td>
            <td>icon-mini-tis</td>
        </tr>
        <tr>
            <td>增加行</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-add-row.png" /></td>
            <td>icon-add-row</td>
        </tr>
        <tr>
            <td>删除行</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-del-row.png" /></td>
            <td>icon-del-row</td>
        </tr>
        <tr>
            <td>全屏</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-window-max.png" /></td>
            <td>icon-window-max</td>
        </tr>
        <tr>
            <td>正常窗口</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-window-min.png" /></td>
            <td>icon-window-min</td>
        </tr>
        <tr>
            <td>展开</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-expand.png" /></td>
            <td>icon-expand</td>
        </tr>
         <tr>
            <td>收起</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-collapse.png" /></td>
            <td>icon-collapse</td>
        </tr>
		<tr>
            <td>发货</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-goods-out.png" /></td>
            <td>icon-goods-out</td>
        </tr>
        <tr>
            <td>收货</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-goods-in.png" /></td>
            <td>icon-goods-in</td>
        </tr>
        <tr>
            <td>可退</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-returnable.png" /></td>
            <td>icon-returnable</td>
        </tr>
        <tr>
            <td>报废</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-loss.png" /></td>
            <td>icon-loss</td>
        </tr>
        <tr>
            <td>可销售</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-saleable.png" /></td>
            <td>icon-saleable</td>
        </tr>
        <tr>
            <td>更多信息</td>
            <td><img src="../../eui3.0/assets/css/icons/green/icon-infomore.png" /></td>
            <td>icon-infomore</td>
        </tr>
    </table>
</div>
<script type="text/javascript" src="scripts/shCore.js"></script> 
<script type="text/javascript" src="scripts/shBrushJScript.js"></script> 
<script type="text/javascript" src="scripts/shBrushXml.js"></script> 
<script type="text/javascript">
SyntaxHighlighter.config.tagName = "textarea";
SyntaxHighlighter.all();
</script>
</body>
</html>
